﻿<phone:PhoneApplicationPage
    x:Class="GoStats.DetailsPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:vmi="clr-namespace:GoStats.ViewModels"
    d:DataContext="{d:DesignData SampleData/MainViewModelSampleData.xaml}"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    SupportedOrientations="Portrait"  Orientation="Portrait"
    shell:SystemTray.IsVisible="True">

    <phone:PhoneApplicationPage.Resources>
        <vmi:BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
    </phone:PhoneApplicationPage.Resources>

    <!--Data context is set to sample data above and first item in sample data collection below and LayoutRoot contains the root grid where all other page content is placed-->
    <Grid x:Name="LayoutRoot" Background="White" d:DataContext="{Binding Items[0]}">
        <Grid.RowDefinitions>
            <RowDefinition Height="Auto"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>

        <!--TitlePanel contains the name of the application and page title-->
        <Grid>
        	<Grid.Background>
        		<ImageBrush Stretch="Fill" ImageSource="/GoStats;component/Assets/header_bg.jpg"/>
        	</Grid.Background>
        </Grid>

        <!--TitlePanel contains the name of the application and page title-->
        <StackPanel Grid.Row="0" Margin="12,17,0,14">
            <TextBlock Text="GoStats Live" Style="{StaticResource PhoneTextNormalStyle}" Foreground="White" FontSize="22.667"/>
            <TextBlock Text="{Binding SiteDetails.Name}" Margin="9,10,0,0" Style="{StaticResource PhoneTextTitle1Style}" Foreground="White" FontSize="46.667" TextWrapping="Wrap"/>
        </StackPanel>

        <!--ContentPanel contains details text. Place additional content here-->
        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="0">
        	<ScrollViewer Padding="12,0">
        		<Grid VerticalAlignment="Top">
        			<Grid.RowDefinitions>
        				<RowDefinition Height="Auto"/>
        				<RowDefinition Height="Auto"/>
        				<RowDefinition Height="Auto"/>
        				<RowDefinition Height="Auto"/>
        				<RowDefinition Height="Auto"/>
        				<RowDefinition Height="Auto"/>
        				<RowDefinition Height="Auto"/>
        				<RowDefinition Height="Auto"/>
        				<RowDefinition Height="Auto"/>
        				<RowDefinition Height="Auto"/>
        			</Grid.RowDefinitions>
        			<Grid.ColumnDefinitions>
        				<ColumnDefinition/>
        				<ColumnDefinition/>
        			</Grid.ColumnDefinitions>
        			<TextBlock Text="Today" Style="{StaticResource DetailsPageSubTitle}"/>
        			<TextBlock Text="Yesterday" Grid.Column="1" Style="{StaticResource DetailsPageSubTitle}"/>
        			<StackPanel VerticalAlignment="Top" Grid.Row="1">
        				<TextBlock Text="{Binding TodayPVs}" Style="{StaticResource DetailsPageViewsCount}"/>
        				<TextBlock Text="{Binding TodayVs}" Style="{StaticResource DetailsPageViewsCount}" />
        			</StackPanel>
        			<StackPanel VerticalAlignment="Top" Grid.Row="1" Grid.Column="1">
        				<TextBlock Text="{Binding YesterdayPVs}" Style="{StaticResource DetailsPageViewsCount}"/>
        				<TextBlock Text="{Binding YesterdayVs}" Style="{StaticResource DetailsPageViewsCount}" />
        			</StackPanel>
        			<TextBlock Text="Last 7 days" Style="{StaticResource DetailsPageSubTitle}" Grid.Row="2"/>
        			<TextBlock Text="Last 30 days" Grid.Column="1" Style="{StaticResource DetailsPageSubTitle}" Grid.Row="2"/>
        			<StackPanel VerticalAlignment="Top" Grid.Row="3">
        				<TextBlock Text="{Binding SevenPVs}" Style="{StaticResource DetailsPageViewsCount}"/>
        				<TextBlock Text="{Binding SevenVs}" Style="{StaticResource DetailsPageViewsCount}" />
        			</StackPanel>
        			<StackPanel VerticalAlignment="Top" Grid.Row="3" Grid.Column="1">
        				<TextBlock Text="{Binding ThirtyPVs}" Style="{StaticResource DetailsPageViewsCount}"/>
        				<TextBlock Text="{Binding ThirtyVs}" Style="{StaticResource DetailsPageViewsCount}" />
        			</StackPanel>
        			<TextBlock Text="Last 30 days chart" Style="{StaticResource DetailsPageSubTitle}" Grid.Row="4" Grid.ColumnSpan="2"/>
        			<Image Height="200" VerticalAlignment="Top" Grid.Row="5" Grid.ColumnSpan="2" Source="{Binding SiteDetails.ThirtyChart}" Margin="0,30,0,0"/>
        		</Grid>
        	</ScrollViewer>
        </Grid>

		<Grid x:Name="progress" Background="#FF759D16" Visibility="{Binding IsLoading, Converter={StaticResource BooleanToVisibilityConverter}}" Grid.Row="1">
        	<ProgressBar Height="10" VerticalAlignment="Center" Foreground="White" IsIndeterminate="True"/>
        </Grid>
        <Grid x:Name="error" Background="#FF759D16" Visibility="{Binding IsFailed, Converter={StaticResource BooleanToVisibilityConverter}}" Grid.Row="1">
        	<TextBlock TextWrapping="Wrap" Text="Network error or outdated program." VerticalAlignment="Center" TextAlignment="Center"/>
        </Grid>

        <!--Uncomment to see an alignment grid to help ensure your controls are
            aligned on common boundaries.  The image has a top margin of -32px to
            account for the System Tray. Set this to 0 (or remove the margin altogether)
            if the System Tray is hidden.

            Before shipping remove this XAML and the image itself.-->
        <!--<Image Source="/Assets/AlignmentGrid.png" VerticalAlignment="Top" Height="800" Width="480" Margin="0,-32,0,0" Grid.Row="0" Grid.RowSpan="2" IsHitTestVisible="False" />-->
    </Grid>

</phone:PhoneApplicationPage>